*{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
li{
    list-style-type: none;
}
.biaoti a{
    text-decoration: none;
    color: #999;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    padding-right: 10px;
    /* margin-left: 10px; */
    position: relative;
}
.a11{
    padding-left: 10px;
}
.a1{
    margin-right: 397px !important;
}
.biaoti a:hover{
    text-decoration:underline ;
    color: #FF0036;
}
.tou{
    width:100% ;
    background-color: #C865F4;
}
.tou img{
    display: block;
    margin:0 auto;
}
.biaoti{
    width: 1190px;
    height: 26px;
    background-color:#f2f2f2;
    margin:0 auto;
}
.iconfont{
    color: #FF0036;
    font-size: 12px !important;
    line-height: 26px;
}
.dabiao{
    background-color: #f2f2f2;
    width: 100%;
}
.biaoti b{
    display: inline-block;
    width: 0;
    height: 0;
    border: 3px solid #999;
    border-color:#999 transparent transparent transparent ;
    position: absolute;
    top:8px;
}
.p1{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 1px solid #999;
    margin-right: 5px;
}
.wodetaobao,.shouchangjia,.shangjia,.wangzhan{
    display: inline-block;
    position: relative;
    background: #f2f2f2;
}
.tantao{
    display: none;
    position: absolute;
    left: 0;
    top: 27px;
    background: #fff;
    /* filter: alpha(opacity=99); */
    z-index: 93110;
    border: solid #eee;
    border-width: 0 1px 1px;
    padding: 8px 10px;
    width: 74px;
}
.tantao a{
    font-size: 12px;
    font-family: tahoma,arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;
    display: block;
    line-height: 20px;
    color: #666;
    padding: 0 !important;
}
.tanshou{
    display: none;
    position: absolute;
    left: 0;
    top: 27px;
    background: #fff;
    /* filter: alpha(opacity=99); */
    z-index: 93110;
    border: solid #eee;
    border-width: 0 1px 1px;
    padding: 8px 10px;
    width: 60px;
}
.tanshou a{
    font-size: 12px;
    font-family: tahoma,arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;
    display: block;
    line-height: 20px;
    color: #666;
    padding: 0 !important;
}
/* 手机版弹出框 ---------------------------------*/
.shouji{
    position: relative;
    /* width: 40px; */
    display: inline-block;
}
#shoujiban{
    background-color: white;
    position: absolute;
    z-index: 10000;
    left: -65px;
    display: none;
}
 /* #shoujiban img{
    display: block; 
    position: absolute;
}  */
/* 商家支持弹出框---------------------------------- */
.tanshang{
    width: 144px;
    height: 198px;
    box-sizing: border-box;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    top: 27px;
    background: #fff;
    filter: alpha(opacity=99);
    z-index: 93110;
    border: solid #eee;
    border-width: 0 1px 1px;
    display: none;
}
.tanshang1{
    border-bottom: 1px dotted #827777;
    padding: 5px 0;
    
}
.tanshang1 a{
    display: inline-block;
    width: 48px;
    /* margin-right: 10px; */
    line-height: 14px !important;
    height: 14px;
    color: #666;
}
.tanshang1 h3{
    color: #666;
    font-weight: 700;
    font-size: 12px;
}
.tanshang2 h3{
    color: #666;
    font-weight: 700;
    font-size: 12px;
}
.tanshang2 a{
    display: block;
    /* width: 48px; */
    /* margin-right: 10px; */
    line-height: 22px !important;
    height: 22px;
    color: #666;
}
.tanshang2{
    border-bottom: 1px dotted #827777;
    padding: 3px 0;
}
/* 导航弹出框---------------------------------------------- */
.tandao{
    width: 1190px;
    height: 161px;
    padding: 25px 0;
    position: absolute;
    right: 0;
    top: 26px;
    background: #fff;
    border-top: none !important;
    /* filter: alpha(opacity=99); */
    z-index: 93110;
    border:1px solid #eee;
    box-sizing: border-box;
    display: none;
}
.tandaol{
    width: 485px;
    height: 110px;
    padding-left: 30px;
    /* overflow: hidden; */
    box-sizing: border-box;
    border-right: 1px solid #eee;
    float: left;
}
.tandaol h3{
    font-size: 16px;
    padding-bottom: 8px;
    font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";
    color: #f56a00;
}
.tandaol a:hover{
    text-decoration: underline;
    color: #f56a00;
}
#hangye{
    font-size: 16px;
    padding-bottom: 8px;
    font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";
    color: #2263d4;
}
#tubiao a:hover{
    text-decoration: underline;
    color: #2263d4;
}
.tandaor h3{
    font-size: 16px;
    padding-bottom: 8px;
    font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";
}
.tandaor a:hover{
    text-decoration: underline;
    color: black;
}
.tandaol span{
    padding-left: 6px;
    color: #f56a00;
    font-size: 16px;
    /* padding-bottom: 8px; */
    font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";
}
#hangye>span{
    padding-left: 6px;
    color: #2263d4;
    font-size: 16px;
    /* padding-bottom: 8px; */
    font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";
}
.tandaor span{
    padding-left: 6px;
    /* color: #f56a00; */
    font-size: 16px;
    /* padding-bottom: 8px; */
    font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";
}
.tandaol a{
    width: 95px;
    float: left;
    padding: 6px 0;
    color: #666;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    position: relative;
}
.tandaol .xin{
    position: absolute;
    top: -9px;
    right: 37px;
    color: greenyellow !important;
}
#tubiao .xin{
    position: absolute;
    top: -9px;
    right: 60px;
    color: greenyellow !important;
}
.tandaol .huo{
    position: absolute;
    top: -9px;
    right: 37px;
    /* color: greenyellow !important; */
}
#tubiao .huo{
    position: absolute;
    top: -9px;
    right: 60px;
    /* color: greenyellow !important; */
}
.tandaol .dashige{
    width: 65px !important;
}
.tandaol .dashige span{
    position: absolute;
    top: -9px;
    right: 7px;
}
#tubiao .dashige span{
    position: absolute;
    top: -9px;
    right: 30px;
}
.tandaor{
    width: 216px;
    height: 110px;
    padding-left: 30px;
    /* overflow: hidden; */
    box-sizing: border-box;
    /* border-right: 1px solid #eee; */
    float: left;
}
.tandaor a{
    width: 96px;
    float: left;
    padding: 6px 0;
    color: #666;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    position: relative;
}
.tandaor .dierge{
    width: 80px !important;
}
/* 搜索栏 */
/* ------------------------------------------------------------------------ */
.sou{
    width: 1190px;
    /* background-color: pink; */
    margin: auto;
    height: 88px;
}
.sou1{
    width: 240px;
    /* height: 88px; */
    padding-top: 16px;
    /* background-color: red; */
    float: left;
}
.sou11{
    margin-left: 40px;
}
.sou11 h1{
    color: #30b30e;
}
.sou11 p{
    font-size: 10px;
    line-height: 10px;
}
.sou2{
    float: left;
    padding: 6px 12px;
    color: #30b30e;
    font-size: 16px ;
    margin-top: 25px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-left: -1px;
}
.lala{
    font-size: 16px !important;
    color: #30b30e;
}
.sousuo{
    width: 539px;
    padding-top: 25px;
    float: left;
    margin-left: 75px;
    /* background-color: hotpink; */
    
}
.soukuang{
    width: 532px;
    height: 30px;
    border:3px solid #30b30e ;
}
input{
    float: left;
    border: 0;
    outline: none;
    height: 30px;
    width: 80%;
}
.dianji{
    width: 90px;
    height: 30px;
    background-color: #30b30e;
    float: right;
    border: 0;
    font-size: 17px;
    color: honeydew;
}
.sou3{
    padding-left: 15px!important;
    padding-top: 25px!important;
    width: 242px!important;
    height: auto!important;
    float: right;
    /* background-color: khaki; */
}
.la{
    display: inline-block;
    font-size: 12px !important;
    color: #30b30e;
    margin-top: 7px;
}
.sou3 b{
    display: inline-block;
    font-size: 12px;
    /* margin-top: -7px; */
    color: #666666;
    margin-right: 15px;
}
.sou3 img{
    float: right;
    width: 36px;
    height: 36px;
    margin-right: 20px;
}
/* 漂浮窗 */
.chanpin{
    width: 1190px;
    margin: auto;
    /* background-color: pink; */
    overflow: hidden;
    margin-bottom: 45px;
    /* position: relative; */
}
.guding{
    width: 100%;
    height: 36px;
}
.guding1{
    position: relative;
    background: white;
    z-index: 10000;
    width: 100%;
}
.chantou{
    width: 1190px;
    overflow: hidden;
    /* background-color: yellow; */
    position: relative;
    margin: auto;
    background: white;
    z-index: 10000;
}
.chantou p{
    background-color: #2f2f2f;
    line-height: 36px;
    height: 36px;
    width: 240px;
    text-align: center;
    color: #fff;
    width: 240px;
    float: left;
}
.chantou>b{
    font-size: 16px;
    color: #333;
    line-height: 16px;
    /* margin-left: -1px; */
    padding: 0 25px;
    border-right: 1px solid #e5e5e5;
    float: left;
    height: 16px;
    margin-top: 10px;
}
.ps{
    border-right: none !important;
}
.shopping{
    font-size: 36px !important;
    color: #333 !important;
    line-height: 36px;
    left: -29px;
    z-index: 1;
    position: absolute;
    background-color: white;
    border: 2px solid white;
    border-radius: 19px;
    /* border: 3px solid pink; */
    /* border-radius: 50%; */
}
/* .che:hover{
    width: 250px;
} */
.che{
    width: 200px;
    background-color: red;
    padding-left: 25px;
    height: 33px;
    float: right;
    position: relative;
}
.che .b1{
    font-size: 22px;
    color: #fcff00;
    margin: 0 2px;
    line-height: 36px;
}
.che .b2{
    font-size: 12px;
    line-height: 36px;
    color: #fcff00;
    margin-right: 8px;
}
.che .b3{
    font-size: 12px;
    line-height: 36px;
    color: white;
}
.che .b4{
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid white;
    border-color:white transparent transparent transparent ;
    position: absolute;
    top:18px;
    right: 25px;
}
/* 产品分类 */
.chanleft{
    width: 238px;
    height: 583px;
    /* padding: 0 15px; */
    /* background-color: pink; */
    float: left;
    border: 1px solid #e7e7e7;
}
/* 左侧盒子 */
.chanleft li{
    position: relative;
    list-style: none;
    width: 210px;
    height: 34px;
    /* margin: 0; */
    padding: 19px 15px;
    border-top: 1px solid #e7e7e7;
    cursor: default;
    /* box-sizing: border-box; */
}
.chanleft li:hover{
    background: red;
    color: white;
}
.chanleft .diyi{
    /* position: absolute; */
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 0;
    margin-top: -4px;
    overflow: hidden;
    text-align: center;
    text-indent: 0;
    text-decoration: none;
    font-size: 20px !important;
    color: #e22a40 ;
}
.chanleft b{
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
    /* text-indent: 30px; */
}
.chanleft .dier{
    position: absolute;
    top: 22px;
    right: 25px;
    color: #515151 ;
    font-size: 12px !important;
    line-height: 20px
}
.chanleft a{
    font-size: 12px;
    color: #999;
    margin-right: 5px;
}
.chanleft h3{
    height: 20px;
}
.chanleft .lista{
    display: inline-block;
    margin-left: 30px;
    margin-top: 5px;
}
.chanleft a:hover{
    text-decoration:underline ;
    color: #f1abb1;
}
/* 二级菜单--------------------------------------------- */
.erji1{
    width: 944px;
    height: 357px;
    border: 3px solid #e22a40;
    position: absolute;
    top: 0;
    left: 239px;
    background: white;
    z-index: 100;
    /* box-sizing: border-box; */
    display: none;
}
.erji1 .box1{
    float: left;
    border-right: 1px dotted #d3d3d3;
    padding: 16px 0 15px 25px;
    margin-right: 2px;
    width: 222px;
    height: 88px;
    overflow: hidden;
}
.erjil{
    float: left;
    width: 750px;
}
.box1 h4{
    color: #515151;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}
.box1 h4 a{
    color: #515151;
    font-size: 12px;
    font-weight: 700;
}
.box1 p a{
    border-left: 1px solid #e7e7e7;
    padding-left: 9px;
    margin-left: -10px;
    margin-right: 18px;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}
.box1 p a:hover{
    text-decoration: underline;
    columns:#e22a40 ;
}
.erjir{
    float: left;
    background-color: #f7f8f8;
    width: 194px;
    /* border-left: 1px solid #e7e7e7; */
}
.rbox1{
    padding: 15px 20px 0;
}
.rbox1 h4{
    color: #515151;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 10px;
}
.rbox1 a{
    float: left;
    font-size: 12px;
    /* font-weight: 400; */
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 40%;
    color: #333;
}
/* 中间盒子 */
.zuojian{
    display: none;
    z-index: 2;
    position: absolute;
    left: 5px;
    top:120px ;
    font-size: 25px !important;
    color: white !important;
    opacity: .4;
    line-height: 50px;
    height: 50px;
    width: 40px;
    text-align: center;
    background-color: black;
}
.youjian{
    display: none;
    z-index: 2;
    position: absolute;
    right: 5px;
    top:120px ;
    font-size: 25px !important;
    color: white !important;
    opacity: .4;
    line-height: 50px;
    height: 50px;
    width: 40px;
    text-align: center;
    background-color: black;
}
.chanzhong{
    width: 750px;
    height: 585px;
    /* overflow: hidden; */
    float: left;
}
.tupian ul{
    width: 5400px;
    position: absolute;
}
.tupian ul li{
    float: left !important;
}
.tupian a{
    /* position: absolute; */
    width: 750px;
    height: 291px;
    /* z-index: 100000; */
}
.tupian{
    position: relative;
    width: 750px;
    height: 291px;
    overflow: hidden;
}
.liudian{
    position: absolute;
    bottom: 10px;
    right: 15px;
}
.current{
    background:#e22a40 !important;
}
.liudian b{
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: tahoma,arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;
    font: 12px/1.5 tahoma,arial,"\5b8b\4f53";
    cursor:pointer;
}
.datu{
    width: 750px;
    height: 120px;
}
.datu a{
    display: block;
    width: 250px;
    height: 120px;
    float: left;
}
.datu img{
    width: 249px;
    height: 120px;
}
.xiaotu{
    width: 750px;
    height: 172px;
}
.xiaotu a{
    display: block;
    width: 250px;
    height: 172px;
    float: left;
}
.xiaotu img{
    width: 249px;
    height: 172px;
}
.xiaotu img:hover{
    transform: scale(1.1);
    transition:all 0.4s ease-out;
}
.datu img:hover{
    transform: scale(1.1);
    transition:all 0.4s ease-out;
}
/* 右边 */
.chanright{
    width: 190px;
    height: 343px;
    float: right;
}
.chanright a{
    display: block;
    width: 190px;
    height: 171px;
    border: 1px solid #e5e5e5;
}
.chanright img{
    width: 190px;
    height: 171px;
    display: block;
}
/* 进口粮油 */
.liangyou{
    width: 1190px;
    height: 600px;
    margin: auto;
    margin-bottom: 45px;
    /* background-color: pink; */
}
.liangyou>p{
    color: #2f2f2f;
    font-size: 20px;
    float: left;
    font-weight: 700;
    line-height: 40px;
    padding-left: 5px;
    width: 100%;
    height: 40px;
    border-bottom: 2px solid black;
    box-sizing: border-box;
}
.youleft{
    width: 240px;
    height: 560px;
    float: left;
}
.youleft .lefttop{
    width: 220px;
    height: 200px;
    padding: 30px 0px 30px 20px;
    background-color: #b373fb;
}
.youleft .lefttop a{
    display: block;
    margin: 0 10px 10px 0;
    line-height: 1.2;
    float: left;
    width: 57px;
    height: 57px;
    text-align: center;
    color: #2f2f2f;
    background-color: #fff;
    border-radius: 57px;
    position: relative;
    border: 1px solid #fff;
    display: table;
}
.youleft .lefttop b{
    line-height: 57px;
    font-size: 12px;
    font-weight: 400;
    max-width: 40px;
    margin: 0 auto;
    /* line-height: 12px !important; */
}

.youleft .lefttop a:hover{
    background-color: #b373fb;
    color: white;text-decoration: white;
}
.youleft>a{
    width: 240px;
    height: 296px;
    display: block;
}
.youleft img{
    width: 240px;
    height: 296px;

}
/* 中间 */
.youzhong{
    width: 800px;
    height: 556px;
    float: left;
    /* background-color: pink; */
}
.huowu{
    width: 25%;
    height: 278px;
    padding: 20px;
    box-sizing: border-box;
    /* background-color: yellow; */
    position: relative;
    float: left;
    border-right: 1px solid #e7e7e7;
}
.disi{
    border-right: none !important;
}
.huowu img{
    width: 160px;
    height: 160px;
}
.huowu p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #666;
    margin-top: 18px;
    margin-bottom: 23px;
}
.huowu .b1{
    font-size: .5em;
    font-style: normal;
    vertical-align: top;
    font-weight: 400;
    font-family: arial;
    line-height: 1.231;
    color: #2f2f2f;
}
.huowu .b2{
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    line-height: 1.231;
    color: #2f2f2f;
}
.tianjia{
    font-size: 40px !important;
    color: #e9394e !important;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.youright{
    width: 150px;
    height: 556px;
    float: left;
}
.youright a{
    width: 150px;
    height: 278px;
}
.youright img{
    width: 150px;
    height: 278px;
    display: block;
}
/* 划分区 */
#s1{
    background-color: #83cfff;
}
#s1 a:hover{
    background-color: #83cfff;
}
#s2{
    background-color: #ffbb00;
}
#s2 a:hover{
    background-color: #ffbb00;
}
#s3{
    background-color: #f4935f;
}
#s3 a:hover{
    background-color: #f4935f;
}
#s4{
    background-color: #ff909f;
}
#s4 a:hover{
    background-color: #ff909f;
}
/* 超市底部快捷进入 */
.kuaijie{
    width: 1190px;
    /* height: 176px; */
    padding: 20px 0;
    background-color: #efefef;
    margin: auto;
    box-sizing: border-box;
    overflow: hidden;
}
.kuaijie li{
    float: left;
    height: 95px;
    width: 197px;
    padding: 20px;
    border-left: 1px solid #e4e4e4;
    margin-left: -1px;
    list-style: none;
}
.kuaijie h3{
    font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 16px !important;
    color: #e8394e !important;
    line-height: 36px;
}
.kuaijie a{
    margin-bottom: 5px;
    float: left;
    width: 50%;
    color: #444;
    text-decoration: none;
    font-size: 12px;
}
.zuihou{
    font-size: 20px !important;
    margin-right: 5px;
}
.kuaijie a:hover{
    color:#e8394e;
}
/* 底部 */
.xian{
    border-top: 1px solid #D1D7DC;
    width: 100%;
    margin-top: 10px;
}
.dibu{
    padding-left: 170px;
    width: 1020px;
    background-position: 0 bottom;
    position: relative;
    width: 1190px;
    padding-top: 22px;
    height: 190px;
    margin: auto;
    border-top: 1px solid #ededed;
    background: url(https://img.alicdn.com/tfs/TB1dl28RXXXXXbzaFXXXXXXXXXX-136-50.png
    ) 0px bottom/68px 25px no-repeat;
    box-sizing: border-box;
}
.dibu .img1{
    position: absolute;
    top: 22px;
    left: 0;
    width: 112px;
    height: 40px;
}
.zhinan{
    width: 150px;
    float: left;
    padding-left: 52px;
}
.zhinan h4{
    color: #646464;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    line-height: 16px;
    text-align: left;
}
.zhinan p{
    width: 100px;
    overflow: hidden;
    text-align: left;
    height: 20px;
    line-height: 20px;
    color: #8b8b8b;
    font-size: 12px;
}
.zhinan a:hover{
    text-decoration: underline;
    color: rgb(139, 139, 139) ;
}
.zhinan h4:hover{
    text-decoration: underline;
    color: rgb(100, 100, 100) ;
}
/* 最底部 */
.zuidibu{
    width: 100%;
    border-top: 2px solid #FF0036;
    text-align: left;
    min-height: 177px;
    background: #c40000;
}
.zuidibu .zuidi{
    width: 1190px;
    background: #c40000;
    margin: auto;
}
.zuidibu p a{
    margin-right: 3px;
    color: #fff;
    white-space: nowrap;
    font-size: 12px;
    line-height: 35px;
}
.zuidibu p{
    height: 35px;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
}
.foot{
    width: 1190px;
    height: 105px;
}
.foot a{
    color: #a4a4a4;
    margin-right: 65px;
    font-size: 12px;
    height: 20px;
}
.foot span{
    color: #a4a4a4;
    margin-right: 65px;
    font-size: 12px;
    height: 20px;
}
.foot img{
    width: 20px;
    height: 20px;
}
.foot b{
    display: block;
    color: #686868;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}
.zuidi p a:hover{
    text-decoration: underline;
    color: #fff;
}
.foot a:hover{
    text-decoration: underline;
    color: #a4a4a4;
}
/* 漂浮窗口 */
.piaofu{
    /* background-color: pink; */
    font-size: 12px;
    width: 79px;
    /* height: 100px; */
    text-align: center;
    position: fixed;
    left: 50%;
    top: 10%;
    margin-left: -680px!important;
    z-index: 110;
    display: none;
}
.piaofu a{
    display: block;
    text-decoration: none;
    border: 1px solid #e7e7e7;
    border-bottom: none;
    line-height: 22px;
    color: #666;
    text-align: center;
    background: white;
}
.piaofu span{
    color: #666 !important;
    font-size: 12px !important;
}
.piaofu img{
    width: 67px;
    height: 67px;
    text-align: center;
    margin-top: 8px;
}
.piaofu a:hover{
    background: #e5374d;
    color: white;
}